<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />

		<link rel="stylesheet/less" href="css/index.less" />
	</head>
	<body>
		<div class="banner">



			<nav class="navbar navbar-default dao">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						 aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand navbar-left" href="#">
							<img alt="Brand" src="images/logo.png" class="img-responsive">
						</a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="#">官网首页 <span class="sr-only">(current)</span></a></li>
							<li><a href="#">建设产品</a></li>
							<li><a href="#">发展历程</a></li>
							<li><a href="#">新闻中心</a></li>
							<li><a href="#">关于我们</a></li>
						</ul>


					</div><!-- /.navbar-collapse -->
				</div><!-- /.container-fluid -->
			</nav>
			<p class="container title"><span>包图网</span>企业建造有限公司给你最好的服务</p>
			<p class="container text">包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝、企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。</p>

				<div class=" flexbox">
					<div class="pic">
						<div>
							<img src="images/pic1.png" class="img-responsive">
						</div>
						<p>建筑工程</p>
						<p>房屋建筑工程 选择鸿拓建筑,我们我们提供市政道路施工业务,更有建筑装修...</p>
						<p>了解工程</p>
					</div>
					<div class="pic">
						<div>
							<img src="images/pic2.png" class="img-responsive">
						</div>
						<p>一级建造师</p>
						<p>房屋建筑工程 选择鸿拓建筑,我们我们提供市政道路施工业务,更有建筑装修...</p>
						<p>了解工程</p>
					</div>
					<div class="pic">
						<div>
							<img src="images/pic3.png" class="img-responsive">
						</div>
						<p>城市规划</p>
						<p>房屋建筑工程 选择鸿拓建筑,我们我们提供市政道路施工业务,更有建筑装修...</p>
						<p>了解工程</p>
					</div>
				</div>
				
			<img src="images/banner.jpg" >
		</div>
		<div class="container part1">
			
			<div class=" col-md-6 col-sm-12">
				<img src="images/pic1.jpg "class="img-responsive" >
			</div>
			<div class=" col-md-6 col-sm-12">
				<h3 class="titles">包图网企业建筑有限公司</h3>
				<p>包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝、企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。</p>
				<p>了解详情</p>
			</div>
			
		</div>
		<div class="container">
			<h3 class="titles">产品图集（建筑工程）</h3>
		</div>
		<div class="container-fluid part2">
			<div class="col-lg-4 col-sm-6 col-xs-12">
				<img src="images/pic2.jpg" class="img-responsive">
			</div>
			<div class="col-lg-4 col-sm-6 col-xs-12">
				<img src="images/pic3.jpg" class="img-responsive">
			</div>
			<div class="col-lg-4 col-sm-6 col-xs-12">
				<img src="images/pic4.jpg" class="img-responsive">
			</div>
			<div class="col-lg-4 col-sm-6 col-xs-12">
				<img src="images/pic5.jpg" class="img-responsive">
			</div>
			<div class="col-lg-4 col-sm-6 col-xs-12">
				<img src="images/pic6.jpg" class="img-responsive">
			</div>
			<div class="col-lg-4 col-sm-6 col-xs-12">
				<img src="images/pic7.jpg" class="img-responsive">
			</div>
			<div class="col-xs-12 part2-more">
				<p>更多图集</p>
			</div>
			
		</div>
		<div class="container">
			<h3 class="titles">企业新闻（最新消息）</h3>
		</div>
		<div class="container news">
			<div class="col-md-6 col-sm-12">
				<img src="images/pic8.jpg" class="img-responsive">
				<div>
					<p>1.新闻名称</p>
					<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
				</div>
				<div>
					<p>2.新闻名称</p>
					<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
				</div>
			</div>
			<div class="col-md-6 col-sm-12">
				<div>
					<p>3.新闻名称</p>
					<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
				</div>
				<div>
					<p>4.新闻名称</p>
					<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
				</div>
				<div>
					<p>5.新闻名称</p>
					<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
				</div>
				<p class="btn1">更多新闻</p>
			</div>
		</div>
		<div class="container">
			<h3 class="titles">企业创始人（介绍）</h3>
			<div class="row part3">
				<div class="col-md-6 col-sm-12 flexbox1">
					<h3>包小图</h3>
					<p>“包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计电商淘宝、企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。”</p>
					<p>“包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计电商淘宝、企业办公模板素材。</p>
				<p class="btn1">了解更多</p>
				</div>
				<div class="col-md-6 col-sm-12">
					<img src="./images/pic9.jpg" class="img-responsive">
				</div>
			</div>
		</div>
		<div class="footer">
			<h3>反馈问题</h3>
			<h4>包图网是上海包图网络科技有限公司旗下素材在线交易网站，于2016年7月上线运营。<br />
			主要服务是提供图片、视频、音频、psd源文件等形式的素材。</h4>
			<div class="container">
				<div class="col-md-6 col-xs-12">
					<ul>
						<li>
							你的名字<br />
							<input type="text"/>
						</li>
						<li>
							你的电话<br />
							<input type="text"/>
						</li>
						<li>
							邮箱地址<br />
							<input type="text"/>
						</li>
					</ul>
				
				</div>
				<div class="col-md-6 col-xs-12">
					反馈问题<br />
					<textarea>
						
					</textarea><br />
					<button type="button">提交</button>
				</div>
			</div>
			
		</div>
	</body>
	<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/less.min.js" type="text/javascript" charset="utf-8"></script>
</html>
